<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link href="css/copy_common.css" rel="stylesheet" />
    <link href="css/copy_main.css" rel="stylesheet" />
    <link href="css/copy_reset.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/shopCart.css" />
  </head>
  <body>
    <div class="box">
      <div class="headerBar">
        <div class="topBar">
          <div class="comWidth">
            <div class="leftArea">
              <a href="#" class="collection">收藏慕课</a>
            </div>
            <div class="rightArea">
              <span>欢迎来到慕课网</span>
              <a href="login.html">[登录]</a>
              <a href="register.html">[免费注册]</a>
            </div>
          </div>
        </div>
        <!--购物车区域-->
        <div class="logoBar">
          <div class="comWidth">
            <div class="logo fl">
              <a href="#"><img src="img/logo.png" alt="慕课网"></a>
            </div>
            <!--订单-->
            <!--<div class="search_box fl">
              <input type="text" class="search_text fl" />
              <input type="button" class="search_btn fr" value="搜索" />
            </div>
            <div class="shopCar fr">
              <span class="shopText fl">购物车</span>
              <span class="shopNum fl">0</span>
            </div>-->
           <div class="Order fr">
           	<div class="Order_step"></div>
           	<ul class="Order_step_text clearfix">
           		<li class="item">我的购物车</li>
           		<li class="item">填写核定订单</li>
           		<li class="item">订单提交成功</li>
           	</ul>
           	
           </div> 
      
          </div>
        </div>
        <!--导航区-->
        <div class="navBox">
          <div class="comWidth">
            <div class="shopClass fl">
              <h3>全部商品分类<i></i></h3>
            </div>
            <ul class="nav fl">
              <li>
                <a href="#" class="active">数码城</a>
              </li>
              <li>
                <a href="#">天嘿嘿</a>
              </li>
              <li>
                <a href="#">团购</a>
              </li>
              <li>
                <a href="#">发现</a>
              </li>
              <li>
                <a href="#">二手特卖</a>
              </li>
              <li>
                <a href="#" class="nobor">名品会</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--顶部-->
      
      
      <div class="shopCart_box comWidth">
      	<div class="shop_Message">
      		<h3 class="shop_Message_Title">收货信息</h3>
      		<div class="shop_Message_text">
      			<form action="shopCart.html" id="info">
      				<div class="areaInfo clearfix">
      				<p><em>*</em>&nbsp; 选择地区:</p>
      				<p class="comment_width">
      					<select name="" class="info_9527">
      					<option value="">北京市 海淀区 五环内</option>
      					<option value="">上海市 黄埔区 三环内</option>
      					<option value="">广州市 天河区 四环内</option>
      				</select>
      				</p>
      				</div>
      				<div class="adressinfo clearfix">
      					<p><em>*</em>&nbsp; 详细地址:</p>
      					<p class="comment_width"><input type="text" name="" id="" value="" placeholder="最多输入26个汉字"/></p>
      				</div>
      					<div class="peopleinfo clearfix">
      					<p><em>*</em>&nbsp; 收 货 人:&nbsp;</p>
      					<p class="comment_width"><input type="text" name="" id="" value="" placeholder="最多输入10个汉字"/></p>
      				</div>
      				
      				<div class="phoneinfo clearfix">
      					<p><em>*</em>&nbsp; 手      机:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
      					<p class="comment_width"><input type="text" name="" id="" value="" placeholder="最多输入10个汉字"/></p>
      					<span>或固定电话:</span>
      					<input  class="s1"  type="text" placeholder="区号"/>
      					<span>-</span>
      					<input class="s1" type="text" placeholder="电话号码"/>
      					<span>-</span>
      					<input class="s1" type="text" placeholder="分机号（可选）"/>
      				</div>
      				
      				<div class="confirm_img">
      					<button  class="comfirmBtn">确认收货地址</button>
      				</div>
      			</form>
      			
      		</div>
      	</div>
      	<div class="Payment_Method">
      		<h3 class="shop_Message_Title">支付方式</h3>
      		<div class="Payment_Method_content">
      			<div class="PM_top">
      				<input type="radio" name="pay" value="weixin" checked/>微信支付
      				<span>用微信扫一扫就能支付！</span>
      				<br />
      				<input type="radio" name="pay" value="weixin" checked/>货到付款
      				<span>送货上门后再付款，使用现金或刷银行卡</span>
      			</div>
      			
      		</div>
      	</div>
      	
      	<div class="Invoice_information">
      			<h3 class="shop_Message_Title">发票信息</h3>
      			<div class="Invoice_information_con">
      			<form  action="shopCart.html" method="post">
      				<input type="checkbox" />
      				<b>需要发票</b>
      				<br />
      				<p><em>*</em>&nbsp; 发票类型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      				<select name="" class="info_9527">
      					<option value="">商业零售发票</option>			
      				</select>
      				</p>
      				<p class="info_te"><em>*</em>&nbsp; 发票抬头:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      				<select name="" class="info_9527">
      					<option value="">个人</option>			
      				</select>
      				<input type="text" name="" id="" value="" placeholder="阿斯顿"/>
      				</p>
      				<p class="butspace">
      				<button class="activebutton">保存</button>
      				<button class="noactivebutton">取消</button>
      				</p>
      				<input type="" name="" id="" value="" />
      			</form>
      			</div>
      	</div>
      	<div class="Delivery_list">
      		<h3 class="shop_Message_Title">送货清单
      			<a href="#" class="backshopcar">返回购物车修改</a>
      		</h3>
      		<table class="Delivery_list_content">
      			<tr class="tr">
      				<td class="lefttd">商品名称</td>
      				<td>单价</td>
      				<td>返现</td>
      				<td>数量</td>
      				<td>小计</td>
      			</tr>
      			<tr>
      				<td class="lefttd">
      					<div class="left_con clearfix">
      						<div class="img_area"><img src="img/jpg/coolbox.jpg"/></div>
      						<p>Hisence 海信 BCD-202D 202升 三门冰箱（银色）</p>
      						<p class="td_p">[赠品] 保鲜盒 抽真空保鲜盒 海信冰洗赠品</p>
      					</div>
      				</td>
      				<td>￥ 1459.00</td>
      				<td>￥ 0.00</td>
      				<td>1</td>
      				<td class="shop_price">￥1459.00</td>
      			</tr>
      		</table>
      		<div class="morequest">
      			<a href="#">若您对包裹有特殊要求，情在此留言</a>
      		</div>
      		<div class="sorry">
      			<p> 抱歉，以下商品暂时不能购买，已帮您自动在本次结算中剔除并扣减对应金额，您可以先购买其他商品：）</p>
      		</div>
      		<div class="cantBuy clearfix">
      			<div class="cantBuy_image">
      				<img src="img/jpg/swing.jpg"/>
      			</div>
      			<div class="cantBuy_text">
      				<p>清风 欧院系列 清香型 100抽3...</p>
      				<p>数量：1件</p>
      				<p>￥4.90（无货）</p>
      			</div>
      		</div>
      	</div>
      	<div class="Order_settlement">
      		<h3 class="shop_Message_Title">送货清单</h3>
      		<div class="finally_box clearfix" >
      			<div class="fin_text">
      				<p>总计 <span>￥1459.00</span></p>
      				<input type="button" value="提交订单"/>
      			</div>
      		</div>
      	</div>
      </div>
      
      
      
      


      <!--底部区-->
      <div class="footer">
        <p>
          <a href="#">慕课简介</a>
          <i>|</i>
          <a href="#">慕课公告</a>
          <i>|</i>
          <a href="#">招纳贤士</a>
          <i>|</i>
          <a href="#">联系我们</a>
          <i>|</i>
          <a href="#">客服热线：400-675-1234</a>
        </p>
        <p>
          Copyright © 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号 &nbsp;&nbsp;&nbsp;某市公安局龙潭分局备案编号：32432421231
        </p>
        <p class="web">
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
        </p>
      </div>
    </div>
  </body>
</html>